/*
Theme Name: Twyne
Theme URI: http://example.org/themes/dusk/
Description: Dark theme for BuddyPress.
Version: 1.0
Author: Jason Mattiace
Author URI: http://example.org/
Template: bp-default
Tags: buddypress, two-column, grey, dark
 //Two important items:
		Template: bp-default  this tells WordPress that we want to use the BuddyPress default theme (bp-default) as the parent theme, and inherit all templates from it.
		Tags: buddypress  this tells BuddyPress that you are using a BuddyPress-compatible theme so it wont nag you in the admin area.
*/

body {
	background-color: #eaeaea;
	background-image: url( ../images/background.gif );
	background-repeat: repeat-x;
	background-position: top left;
	color: #555;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	line-height: 170%;
	max-width: 1250px;
	margin: 0 auto;
	width: 95%;
}
div#content {
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	float: left;
	width: 100%;
	padding-bottom: 20px;
  min-height: 500px;
}

/*Header mod*/
#header {
	margin-bottom:0;
	padding-bottom: 75px;
} /*removes space between header and page*/
a {
	color: #008BB3 ;
}
/*****************************************************************
	Style for User Profiles
 ****************************************************************/
#member_profile {
    margin-bottom: 15px;
    margin-top: 15px;

}
.profile_fields {
    color: #777;
    font-weight: 500;
    padding-bottom: 2px;
    padding-top: 2px;
}
.profile_fields span {
    color: #444;
    font-weight: 700;
}
p#profile_field_age{
	float: left;
	padding-right: 10px;
	border-right: 1px solid #AAA;
	height: 20px;
}
p#profile_field_gender{
	margin: 0 0 0 65px;
}
#profile_field_name{
	margin: 5px 0 5px 0;
}
table tr.alt td#profile_label{
border-right: 1px solid #EAEAEA;
font-weight: bold;
width: 25%;
background: #A3CCDA;
padding: 0px;
color: #615C5C;
}
table tr.alt td#profile_data{
background: #A3CCDA;
border-right: 1px solid #EAEAEA;

}
table tr td#profile_data,
table tr td#profile_label{
vertical-align: middle;
padding: 0px;
color: #615C5C;
}

/*****************************************************************
 Style for the navigation tabs in the Member-header of User profiles.
 div.item-list-tabs#member-header-subnav is located in twyne\wp-content\themes\bp-Twyne\members\single\member-header.php
 and is used for the tabs on the profile/messages/groups/activity pages.  */
 
div.item-list-tabs#member-header-subnav ul {
	list-style-type:none;
	width:0px;
	float:left;
	margin: 15px 0 0 155px;
	overflow: visible;
}
div.item-list-tabs#member-header-subnav {
	background: #fff;
	border-bottom: 1px solid #eaeaea;
	margin: -15px -19px 15px -19px;
	min-height: 35px;
	overflow: visible;
	float:left;
}
div.item-list-tabs#member-header-subnav ul li:first-child {
	margin-left: 50px;
}	
div.item-list-tabs#member-header-subnav ul li.last {
	margin-top: 10px;
}
div.item-list-tabs#member-header-subnav ul li.last select {
	max-width: 175px;
}
div.item-list-tabs#member-header-subnav ul li a,
div.item-list-tabs#member-header-subnav ul li span {
	/* display:block displays the links as block elements and
		makes the whole block clickable, and allows you to 
		specify the width */
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#1FB3DD;
	width:120px;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
}
div.item-list-tabs#member-header-subnav ul li a span {
	background: #1FB3DD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline;
	font-size: 90%;
	margin-left: 2px;
	padding: 1px 6px;
}
div.item-list-tabs#member-header-subnav ul li.selected a,
div.item-list-tabs#member-header-subnav ul li.current a{
	background-color: #1c81aa;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3Spx;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #fff;
	font-weight: bold;
}
div.item-list-tabs#member-header-subnav ul li a:hover  {
	background-color: #eeeaaa;
}
div.item-header-content{
	float:right;
}
#item-body-settings{
margin: 0 0 0 175px;
}

/**************************************************************************
 Style for form fields
*/

.standard-form input[type=text] {
	width: 50%;
}
.standard-form textarea,
.standard-form input[type=text],
.standard-form select,
.standard-form input[type=password],
.dir-search input[type=text] {
	border: 1px inset #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #888;
	font: inherit;
	font-size: 14px;
	padding: 0px;
}
.standard-form#sidebar-login-form input[type="text"], 
.standard-form#sidebar-login-form input[type="password"] {
padding: 0;
width: 95%;
}
form.standard-form#profile-edit-form label, .standard-form span.label {
display: block;
font-weight: bold;
width: 120px;
margin: 0 0 0 0;
float: left;
}
.field-visibility-settings, .field-visibility-settings-toggle, .field-visibility-settings-notoggle {
color: #888;
margin: 5px 0 0 130px;
}
.standard-form p.description {
color: #888;
font-size: 11px;
margin: 0 0 0 120px;
}
.field-visibility-settings, .field-visibility-settings-toggle, .field-visibility-settings-notoggle {
color: #888;
margin: 0px 0 20px 150px;
border-bottom-style: solid;
}

/**************************************************
 * Style for the Apprise popup dialog box
 *************************************************/

.appriseOverlay
	{
	position:fixed;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.3);
	display:none;
	}
.appriseOuter
	{
	background:#eee;
	border:1px solid #fff;
	box-shadow:0px 3px 7px #333;
	-moz-box-shadow:0px 3px 7px #333;
	-webkit-box-shadow:0px 3px 7px #333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	position:absolute;
	z-index:99999999;
	min-width:200px;
	min-height:50px;
	max-width:50%;
	position:fixed;
	display:none;
	}
.appriseInner
	{
	padding:20px;
	color:#333;
	text-shadow:0px 1px 0px #fff;'
	text-align: center;
	}
.appriseInner button
	{
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	background: -moz-linear-gradient(100% 100% 90deg, #eee, #d5d5d5);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#d5d5d5));
  	background: -webkit-linear-gradient(#eee, #d5d5d5);
    background: -o-linear-gradient(#eee, #d5d5d5);
	color:#232d3d;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	margin:0 3px;
	text-shadow:0px 1px 0px #fff;
	cursor:pointer;
	box-shadow:0px 1px 2px #ccc;
	-moz-box-shadow:0px 1px 2px #ccc;
	-webkit-box-shadow:0px 1px 2px #ccc;
	}
.appriseInner button:hover
	{
	color:#d85054;
	}
.aButtons, .aInput
	{
	margin:20px 10px 0px 0;
	text-align:left;
	}
.aInput#frontpage-input1
	{
	margin:20px 10px 0px 0;
	text-align:left;
	}
.aInput#frontpage-input2
	{
	margin:0px 10px 10px 0;
	text-align:center;
	}
.aTextbox, .bTextbox
	{
	border:1px solid #aaa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
	width:180px;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	}

/*********************************
*          NAVIGATION MENU       *
*********************************/
/*Nav menu*/
#navigation{
	width:105px;
	height:0px;
	font-size:20px;
	font-weight:bold; 
	position:relative;
} /*makes side nav and scroll*/
#menu-navigation a{/*menu styling*/
	display: block;
	background: #EE7600;
	color:#FFF;
	text-decoration: none;
	width: 100%;
	border: solid thin ;
	border-radius:5px;
}
#menu-navigation a:hover  { /*if mouse is over*/
	color: #fff;
	background: #CD3700;
	border: 1px solid #000;
}
#menu-navigation li.current_page_item a { /*highlights current page*/
	text-decoration:none;
	background:#CD3700;
}


#post-11{
	width:75% !important;
}
/*profile button*/
#profile-navigation a{/*menu styling*/
display: block;
color:#FFF;
text-decoration: none;
width: 100%;
border: solid thin ;
border-radius:5px;
}
#profile-navigation a:hover  { /*if mouse is over*/
color: #fff;
background: #CD3700;
border: 1px solid #000;
}
/**************************
*   Connects page         *
**************************/
#profile_avatar{
	font-size:22px;
	margin-left:70px;
	
}
#profile_avatar{
	font-size:18px;
	margin-left:40px;
	
}
#post-73 button {
color: red;
}
#post-73 {
padding-bottom:500px;
background:url('connects-transparent.png') no-repeat center;
background-position:40% 55%;
background-attachment: fixed;
}

/**************************
*      Home page          *
**************************/
.home_top div {
    display: inline-block;
}
div.home_groups {
	position:absolute;
	left:100px;
	top:70px;
    font-size:18px;
}
div.home_groups label {
	margin-left:30px;
}
div.home_messages{
	font-size:18px;
    position:absolute;
	right:400px;
	top:70px;
    font-size:18px;
}

.home_profile{
	font-size:18px;
	position:absolute;
	left:90px;
	top:275px;
    font-size:18px;
}
div.home_profile label {
	margin-left:30px;
}
.home_connects{
	font-size:18px;
	 position:absolute;
	right:390px;
	top:275px;
    font-size:18px;
}
div.home_connects label {
	margin-left:20px;
}
div.home_groups a:hover img
  {
  opacity:0.5;
  }
div.home_messages a:hover img
  {
  opacity:0.5;
  }
 div.home_connects a:hover img
  {
  opacity:0.5;
  }
div.home_profile a:hover img
  {
  opacity:0.5;
  }
#box-link { 
		position: absolute; 
		top: 45px; 
		left: 20px; 
		width: 475px; 
		height: 90px; 
		background-color: transparent; 
}

/*************************************************
Style for Groups
**********************************************************/
div#groups-home-pag-top {
background: #F4F4F4;
border: none;
color: #888;
font-size: 11px;
height: 19px;
margin: 0px -19px 0px -19px;
padding: 8px 20px;
position: relative;
width: 75%;
}
ul#groups-home-groups-list{
width: 75%;
}
div#item-header div#item-header-content {
margin-left: 0px;
} 
#stream_description{
margin: 10px 300px 10px 60px;
border-style:groove;
border-width:3px;
border-color: #DBA7A7;
border-radius: 30px;
padding: 10px 10px 20px 10px;
}
#groups-loop-title{
float: left;
margin: 0 0 0 40px;
width:25%;
}
#find-a-city{
margin: 20px 0 0 40px;
}
#choose-city{
margin-top: 15px;
}

/***********************
*  Matching Page       *
************************/
#match{
padding-bottom:350px;
padding-left:10px;
background:url('match-trans.png') no-repeat center;
background-position:50% 55%;
background-attachment: fixed;
}
#find_groups
{
padding-left: 30px;
padding-bottom: 60px;
font-size:18px;
border-bottom:1px solid black;
width:380px;
}

.editMatch 
{
left:20px;
font-size:12px;
color:red;
position:relative;
}

.deleteMatch
{
left:40px;
font-size:12px;
position:relative;
}
#groupSelect
{
margin-left: 60px;
font-size:18px;
}
#matchinglist
{
padding-left: 40px;
font-size:18px;
}
#results{
width:380px;
}

.question1{
display:inline-block;
text-align:center;
padding-right: 40px;
margin-left:20px;
}
.question1 label {
    display:block;
	font-size:14px;
}
.question2{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question2 label {
    display:block;
	font-size:14px;
}
.question3{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question3 label {
    display:block;
	font-size:14px;
}
.question4{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question4 label {
    display:block;
	font-size:14px;
}
.question5{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question5 label {
    display:block;
	font-size:14px;
}
.question6{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question6 label {
    display:block;
	font-size:14px;
}
.question7{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question7 label {
    display:block;
	font-size:14px;
}
.question8{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question8 label {
    display:block;
	font-size:14px;
}
.question9{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question9 label {
    display:block;
	font-size:14px;
}
.question10{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question10 label {
    display:block;
	font-size:14px;
}
.question11{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question11 label {
    display:block;
	font-size:14px;
}
.question12{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question12 label {
    display:block;
	font-size:14px;
}
.question13{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question13 label {
    display:block;
	font-size:14px;
}
.question14{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question14 label {
    display:block;
	font-size:14px;
}
.question15{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question15 label {
    display:block;
	font-size:14px;
}
.question16{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question16 label {
    display:block;
	font-size:14px;
}
.question17{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question17 label {
    display:block;
	font-size:14px;
}
.question18{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question18 label {
    display:block;
	font-size:14px;
}
.question19{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question19 label {
    display:block;
	font-size:14px;
}
.question20{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question20 label {
    display:block;
	font-size:14px;
}
.question21{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question21 label {
    display:block;
	font-size:14px;
}
.question22{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question22 label {
    display:block;
	font-size:14px;
}
.question23{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question23 label {
    display:block;
	font-size:14px;
}
.question24{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question24 label {
    display:block;
	font-size:14px;
}
.question25{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question25 label {
    display:block;
	font-size:14px;
}
.question26{
display:inline-block;
text-align:center;
padding-right: 20px;
margin-left:20px;
}
.question26 label {
    display:block;
	font-size:14px;
}


#create-group-button.button{
margin: 0 0 0 20px;
}
/*************************************************
Style for the Front Page
**********************************************************/
#front-page-description{
width: 70%;
}
#front-page-exploring{
margin: 50px 0 0 30px;
}

div#frontpage_option1{
	float: left;
	/*padding: 60px 80px 100px 60px;*/
	margin: 30px 75px 50px 50px;
	width: 300px;
}
div#frontpage_option2 {
	float: left;
	/*padding: 60px 80px 100px 60px;*/
	margin: 30px 60px 0 0;
	width: 300px;
}
div#frontpage_option3 {
	float: left;
	/*padding: 60px 80px 100px 60px;*/
	margin: 30px 0 0 0;
	width: 300px;
}
/*************************************************
Style for the Login page
**********************************************************/

